<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>工业微服务-列表页</title>
	<link rel="stylesheet" href="../css/list-style.css">
	<link rel="stylesheet" href="../fonts/iconfont.css">
	<script src="../fonts/iconfont.js"></script>
</head>
<body>
	<!-- 页面顶部 -->
	<header>
		<div class="lfloat">
			<i class="iconfont icon-icon_home" style="font-size:20px;margin-left: 10px"></i>
			<span>企业LOGO</span>
		</div>
		<div class="rfloat">
			<ul>
				<li class="lfloat nonehov"><a href=""><i class="iconfont icon-search" style="margin-top:2px"></i></a></li>
				<li class="lfloat"><a href="index.html">返回首页</a></li>
				<li class="lfloat"><a href="">控制台</a></li>
				<li class="lfloat"><a href="UserCenter.html">用户中心</a></li>
				<li class="lfloat"><a href="service.html">服务商中心</a></li>
				<li class="lfloat"><a href="">登录</a></li>
				<li class="lfloat bgresign"><a href="">注册</a></li>
			</ul>
			<div class="clear"></div>
		</div>
	</header>
	<!-- 搜索部分 -->
	<div class="searchWrap">
		<div class="centerWrap">
			<div class="searchContent">
				<div class="searchL">
					<h1 style="font-weight: normal;font-size:40px">API市场</h1>
					<span style="font-size:13px">支持两化融合，快速上云</span>
				</div>
				<div class="searchbox">
					<form action="">
						<input type="text" placeholder="请在此输入您需要的服务" />
						<button><i class="iconfont icon-fangdajing"></i></button>
					</form>
					<a href="">病毒清除</a>&nbsp;|&nbsp;
					<a href="">安全防护</a>&nbsp;|&nbsp;
					<a href="">网站搬家</a>&nbsp;|&nbsp;
					<a href="">数据库</a>&nbsp;|&nbsp;
					<a href="">存储备份</a>&nbsp;|&nbsp;
					<a href="">故障</a>&nbsp;|&nbsp;
					<a href="">企业管理</a>
				</div>
				<div class="searchR">
					<a href="">买家中心</a>
					<span>
						卖家中心<i><img src="../imgs/down1.png" alt="" /></i>
						<ul class="downlist">
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
						</ul>
					</span>
				</div>
			</div>
			<ul class="navlist">
				<li class="navactive">
					<a href="">API市场分类</a>
					<ul class="downlist">
						<li>
							<a href="">金融理财</a> 
							<a href="">股票行情</a> &nbsp;&nbsp;
							<a href="">汇率查询转换</a>
							<div class="rightlist">
								<p>金融理财</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">股票行情</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">汇率查询转换</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">汇率查询转换</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">汇率查询转换</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">股票行情</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">电子商务</a> 
							<a href="">图像识别</a> &nbsp;&nbsp;
							<a href="">数据可视化</a>
							<div class="rightlist" style="top:-101px">
								<p>电子商务</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">图像识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">数据可视化</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">数据可视化</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">数据可视化</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">图像识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">人工智能</a> 
							<a href="">人脸识别</a> &nbsp;&nbsp;
							<a href="">语种识别</a>
							<div class="rightlist" style="top:-152px;">
								<p>人工智能</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">人脸识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">语种识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">语种识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">语种识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">人脸识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">生活服务</a> 
							<a href="">快速查询</a> &nbsp;&nbsp;
							<a href="">医院接口</a>
							<div class="rightlist" style="top:-203px">
								<p>生活服务</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">快速查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">医院接口</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">医院接口</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">医院接口</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">快速查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">交通地理</a> 
							<a href="">驾驶证识别</a> &nbsp;&nbsp;
							<a href="">违章查询</a>
							<div class="rightlist" style="top:-254px">
								<p>交通地理</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">驾驶证识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">违章查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">违章查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">违章查询</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">驾驶证识别</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">气象水利</a> 
							<a href="">天气预报</a> &nbsp;&nbsp;
							<a href="">空气质量</a>
							<div class="rightlist" style="top:-305px">
								<p>气象水利</p>
								<ul class="rightlistm">
									<li>
										<span><a href="">天气预报</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">空气质量</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">空气质量</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">空气质量</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
									<li>
										<span><a href="">天气预报</a></span><br>
										<span>安全、稳定、高效</span>
									</li>
								</ul>
								<ul class="rightlistf">
									<li id="sizeinit">
										<div>
											<span><img src="../imgs/faceid.png" alt=""></span>
										</div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="" class="red">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
									<li>
										<div><span><img src="../imgs/faceid.png" alt=""></span></div>
										<p>人脸、图像识别</p>
										<p>全功能、高效..</p>
										<a href="">按需</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</li>
				<li><a href="">基础软件</a></li>
				<li><a href="">网站建设</a></li>
				<li><a href="">企业应用</a></li>
				<li><a href="">专业服务</a></li>
				<li><a href="">开发工具</a></li>
			</ul>
		</div>
	</div>
	<section>
		<!-- 分类，排序部分 -->
		<div class="category">
			<div class="categorytop">
				<span>所有分类&nbsp;&gt;</span>
				<select name="" id="">
					<option value="">人工智能</option>
				</select>
			</div>
			<div class="pricecategory">
				<span class="lfloat">价&nbsp;&nbsp;格&nbsp;：</span>
				<form action="" class="lfloat">
					<input type="button" value="全部" class="activesty">
					<input type="button" value="免费">
					<input type="button" value="1-98">
					<input type="button" value="99-198">
					<input type="button" value="199-1998">
					<input type="button" value="1999-2998">
					<input type="button" value="2999以上">
				</form>
			</div>
			<div class="orderbox">
				<ul>
					<li class="activeord"><a href="">综合排序</a></li>
					<li>
						<a href="">交易量</a>
						<i class="iconfont icon-shangxia"></i>
					</li>
					<li>
						<a href="">上架时间</a>
						<i class="iconfont icon-shangxia"></i>
					</li>
					<li>
						<a href="">价格</a>
						<i class="iconfont icon-shangxia"></i>
					</li>
					<li>
						<a href="">评分</a>
						<i class="iconfont icon-shangxia"></i>
					</li>
				</ul>
			</div>
		</div>
		<!-- 商品信息部分 -->
		<div class="productslist">
			<div class="prductsinfo">
				<div class="logobox"><img src="../imgs/logo1.jpg" alt="" width="120px" height="120px"></div>
				<div class="detailbox">
					<p  class="size1"><a href="">飞搜图像识别（公测）</a></p>
					<span class="size2">交付方式：API</span>
					<p class="size2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片...</p>
					<span class="size2">服务商&nbsp;：&nbsp;<a href="">北京飞搜科技有限公司</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="size2">产品评分&nbsp;：&nbsp;
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-wujiaoxing"></i>
					</span>
				</div>
				<div class="pricebox">
					<span class="fontssize3">￥1</span> &nbsp;
					<span>/100次</span>
				</div>
			</div>
			<div class="prductsinfo">
				<div class="logobox"><img src="../imgs/logo1.jpg" alt="" width="120px" height="120px"></div>
				<div class="detailbox">
					<p  class="size1"><a href="">飞搜图像识别（公测）</a></p>
					<span class="size2">交付方式：API</span>
					<p class="size2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片...</p>
					<span class="size2">服务商&nbsp;：&nbsp;<a href="">北京飞搜科技有限公司</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="size2">产品评分&nbsp;：&nbsp;
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-wujiaoxing"></i>
					</span>
				</div>
				<div class="pricebox">
					<span class="fontssize3">￥1</span> &nbsp;
					<span>/100次</span>
				</div>
			</div>
			<div class="prductsinfo">
				<div class="logobox"><img src="../imgs/logo1.jpg" alt="" width="120px" height="120px"></div>
				<div class="detailbox">
					<p  class="size1"><a href="">飞搜图像识别（公测）</a></p>
					<span class="size2">交付方式：API</span>
					<p class="size2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片...</p>
					<span class="size2">服务商&nbsp;：&nbsp;<a href="">北京飞搜科技有限公司</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="size2">产品评分&nbsp;：&nbsp;
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-wujiaoxing"></i>
					</span>
				</div>
				<div class="pricebox">
					<span class="fontssize3">￥1</span> &nbsp;
					<span>/100次</span>
				</div>
			</div>
			<div class="prductsinfo">
				<div class="logobox"><img src="../imgs/logo1.jpg" alt="" width="120px" height="120px"></div>
				<div class="detailbox">
					<p  class="size1"><a href="">飞搜图像识别（公测）</a></p>
					<span class="size2">交付方式：API</span>
					<p class="size2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片...</p>
					<span class="size2">服务商&nbsp;：&nbsp;<a href="">北京飞搜科技有限公司</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="size2">产品评分&nbsp;：&nbsp;
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-wujiaoxing"></i>
					</span>
				</div>
				<div class="pricebox">
					<span class="fontssize3">￥1</span> &nbsp;
					<span>/100次</span>
				</div>
			</div>
			<div class="prductsinfo">
				<div class="logobox"><img src="../imgs/logo1.jpg" alt="" width="120px" height="120px"></div>
				<div class="detailbox">
					<p  class="size1"><a href="">飞搜图像识别（公测）</a></p>
					<span class="size2">交付方式：API</span>
					<p class="size2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片...</p>
					<span class="size2">服务商&nbsp;：&nbsp;<a href="">北京飞搜科技有限公司</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="size2">产品评分&nbsp;：&nbsp;
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-wujiaoxing"></i>
					</span>
				</div>
				<div class="pricebox">
					<span class="fontssize3">￥1</span> &nbsp;
					<span>/100次</span>
				</div>
			</div>
			<div class="prductsinfo">
				<div class="logobox"><img src="../imgs/logo1.jpg" alt="" width="120px" height="120px"></div>
				<div class="detailbox">
					<p  class="size1"><a href="">飞搜图像识别（公测）</a></p>
					<span class="size2">交付方式：API</span>
					<p class="size2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片...</p>
					<span class="size2">服务商&nbsp;：&nbsp;<a href="">北京飞搜科技有限公司</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="size2">产品评分&nbsp;：&nbsp;
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-wujiaoxing"></i>
					</span>
				</div>
				<div class="pricebox">
					<span class="fontssize3">￥1</span> &nbsp;
					<span>/100次</span>
				</div>
			</div>
			<div class="prductsinfo">
				<div class="logobox"><img src="../imgs/logo1.jpg" alt="" width="120px" height="120px"></div>
				<div class="detailbox">
					<p  class="size1"><a href="">飞搜图像识别（公测）</a></p>
					<span class="size2">交付方式：API</span>
					<p class="size2">该服务是自动判别图像中目标的类别和场景（包含了数千个类别，包括服装、家居、动植物、暴恐图片...</p>
					<span class="size2">服务商&nbsp;：&nbsp;<a href="">北京飞搜科技有限公司</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="size2">产品评分&nbsp;：&nbsp;
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-star_full"></i>
						<i class="iconfont icon-wujiaoxing"></i>
					</span>
				</div>
				<div class="pricebox">
					<span class="fontssize3">￥1</span> &nbsp;
					<span>/100次</span>
				</div>
			</div>
			<div class="pagesbox">
				<div>
					<a href="">&lt;上一页</a>
					<a href="">1</a>
					<a href="">2</a>
					<a href="">3</a>
					<a href="">4</a>
					...
					<a href="">30</a>
					<a href="">下一页&gt;</a>
				</div>
			</div>
		</div>
	</section>
	<!-- 页尾部分 -->
	<footer>
		<p>Copyright&copy;1994-2017 国家工业信息安全发展研究中心版权所有</p>
	</footer>
</body>
</html>